<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:kuo="http://kuonta.com.br/jsf/facelets/tags">
<body>

<ui:composition template="/WEB-INF/templates/layout.xhtml">

	<ui:define name="body">
		<a4j:loadScript src="/js/moeda.js"></a4j:loadScript>
		<h:form id="recibo">
			<rich:panel>
				<f:facet name="header">
					<h:outputText value="Entrada de Recibos" />
				</f:facet>
				<kuo:mensagens />
				<table>
					<tbody>
						<tr>
							<td><label>Recibo de:</label></td>
							<td><h:selectOneMenu label="Recibo de:" id="tipo"
								required="true" value="#{formRecibo.bean.tipo}">
								<f:selectItem itemValue="" itemLabel="Selecione o Tipo" />
								<t:selectItems value="#{formRecibo.tiposRecibos}" var="t"
									itemLabel="#{t.descricao}" itemValue="#{t}" />
							</h:selectOneMenu></td>
							<td><rich:message for="tipo" /></td>
						</tr>
						<tr>
							<td><label>Data</label></td>
							<td><rich:calendar datePattern="dd/MM/yyyy" label="Data"
								id="data" enableManualInput="true" required="true"
								value="#{formRecibo.bean.data}" /></td>
							<td><rich:message for="data" /></td>
						</tr>
					</tbody>
				</table>
										
				<h:panelGrid id="itensReciboPanelBase" columns="5">
					<rich:columnGroup>
					<rich:column>
						<h:selectOneMenu label="Tipo do Item" id="tipoItem"
							required="true" value="#{formRecibo.bean.itens[0].tipo}">
							<f:selectItem itemValue="" itemLabel="Selecione o Tipo do Item" />
							<t:selectItems value="#{formTipoItem.list}" var="t"
								itemLabel="#{t.descricao}" itemValue="#{t}" />
						</h:selectOneMenu>
					</rich:column>
					<rich:column>
						<h:outputText style="padding-left:30px;" value="$"/>
					</rich:column>
					<rich:column>
						<h:inputText />
					</rich:column>
					<rich:column>
						<a4j:region>
							<a4j:commandLink  actionListener="#{formRecibo.addNewComponent}" reRender="itensReciboPanel">
								<img border="0" src="/kuonta/img/add.png"/>
							</a4j:commandLink>
					  	</a4j:region>
					</rich:column>
					<rich:column>
						<a4j:region>
							<a4j:commandLink>
								<img border="0" src="/kuonta/img/del.png"/>
							</a4j:commandLink>
				  	  	</a4j:region>
					</rich:column>
					</rich:columnGroup>
				</h:panelGrid>
				
				<h:panelGrid id="itensReciboPanel" binding="#{formRecibo.panelGridItenRecibo}" columns="3">
					
				</h:panelGrid>

				<h:panelGrid columns="1">
					<h:panelGroup />
					<a4j:commandButton id="gravar" value="Gravar"
						actionListener="#{formRecibo.save}" reRender="recibo"
						oncomplete="javascript:somaValores();" />
				</h:panelGrid>
			</rich:panel>

			<script type="text/javascript">
	$j("#recibo\\:obra").keypress( function(e) {
		sg_keyPressMoeda(this, e);
	});
	$j("#recibo\\:obra").keydown( function(e) {
		sg_keyDownMoeda(this, e)
	});
	$j("#recibo\\:obra").blur( function(e) {
		sg_blurMoeda(this);
	});
	$j("#recibo\\:obra").keyup( function(e) {
		moedaOnFly(this);
		somaValores();
	});

	$j("#recibo\\:congregacao").keypress( function(e) {
		sg_keyPressMoeda(this, e);
	});
	$j("#recibo\\:congregacao").keydown( function(e) {
		sg_keyDownMoeda(this, e)
	});
	$j("#recibo\\:congregacao").blur( function(e) {
		sg_blurMoeda(this);
	});
	$j("#recibo\\:congregacao").keyup( function(e) {
		moedaOnFly(this);
		somaValores();
	});

	$j("#recibo\\:grupo").keypress( function(e) {
		sg_keyPressMoeda(this, e);
	});
	$j("#recibo\\:grupo").keydown( function(e) {
		sg_keyDownMoeda(this, e)
	});
	$j("#recibo\\:grupo").blur( function(e) {
		sg_blurMoeda(this);
	});
	$j("#recibo\\:grupo").keyup( function(e) {
		moedaOnFly(this);
		somaValores();
	});

	$j("#recibo\\:outros1").keypress( function(e) {
		sg_keyPressMoeda(this, e);
	});
	$j("#recibo\\:outros1").keydown( function(e) {
		sg_keyDownMoeda(this, e)
	});
	$j("#recibo\\:outros1").blur( function(e) {
		sg_blurMoeda(this);
	});
	$j("#recibo\\:outros1").keyup( function(e) {
		moedaOnFly(this);
		somaValores();
	});

	$j("#recibo\\:outros2").keypress( function(e) {
		sg_keyPressMoeda(this, e);
	});
	$j("#recibo\\:outros2").keydown( function(e) {
		sg_keyDownMoeda(this, e);
	});
	$j("#recibo\\:outros2").blur( function(e) {
		sg_blurMoeda(this);
	});
	$j("#recibo\\:outros2").keyup( function(e) {
		moedaOnFly(this);
		somaValores();
	});

	$j(window).load( function() {
		somaValores();
	});
</script>
		</h:form>	
	</ui:define>

</ui:composition>

</body>
</html>
